<!-- 物联网管理-设备监控-研学视频 -->
<template>
  <div class="JNPF-common-layout">
    <div class="JNPF-common-layout-center">
      <el-row class="JNPF-common-search-box" :gutter="16">
        <el-form @submit.native.prevent>

          <el-col :span="6">
            <el-form-item label="学校名称">
              <el-select v-model="listQuery.fcustomno" placeholder="请选择"
                :disabled="$store.getters.userInfo.manufacturer">
                <el-option
                  v-for="item in options1"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>

          <el-col :span="6">
            <el-form-item label="研学课程">
              <el-select v-model="flevelname" placeholder="请选择"
                :disabled="$store.getters.userInfo.manufacturer">
                <el-option
                  v-for="item in options2"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>

          <template v-if="showAll">


          <el-col :span="6">
            <el-form-item label="场地名称">
              <el-input v-model="listQuery.fpoint" placeholder="请输入场地名称" clearable />
            </el-form-item>
          </el-col>

          </template>
          
          <el-col :span="6">
            <el-form-item label="">
              <el-button type="primary" icon="el-icon-search" >查询</el-button>
              <!-- <el-button type="success" icon="el-icon-download">导出</el-button> -->
              <el-button type="text" icon="el-icon-arrow-down" @click="showAll = true" v-if="!showAll">展开</el-button>
              <el-button type="text" icon="el-icon-arrow-up" @click="showAll = false" v-else>
                收起</el-button>
            </el-form-item>
          </el-col>

          <!-- el-image组件支持懒加载功能,只需设置lazy属性: -->
          <el-col :span="24">
           <div class="demo-image">
            <el-image
              style="width: 100%; height: 450px"
              :src="url"
              :fit="fit"
              lazy></el-image>
           </div>
         </el-col>

        </el-form>
      </el-row>

      <!-- <div class="JNPF-common-layout-main JNPF-flex-main">
        <JNPF-table :data="list" border v-loading="loading">
          <el-table-column prop="FBILLCREDATE" label="记录时间" ></el-table-column>
          <el-table-column prop="FGRAND" label="教学楼" ></el-table-column>
          <el-table-column prop="FADDRES" label="场地名称"></el-table-column>
          <el-table-column prop="FSTNAME" label="设备名称"  ></el-table-column>
          <el-table-column prop="FMEMO" label="异常情况" ></el-table-column>
        </JNPF-table>
        <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit"/>
      </div> -->

    </div>
  </div>
</template>
<script>
  import jnpf from "@/utils/jnpf"
  export default {
    name: 'shop',
    components: {  },
    data() {
      return {
        showAll: false,
        flevelname:"2025上海博物馆研学",
        url:require('@/assets/images/me/viewphone.png'),

        //所属教学楼选择数据
        options1: [{
          value: '20E01',
          label: '闵行春申小学'
        }, {
          value: '20E02',
          label: '闵行莘城中学'
        }, {
          value: '20N01',
          label: '闵行莘松中学'
        }, {
          value: '20N02',
          label: '闵行莘庄中学'
        }],

        //所属楼层选择数据
        options2: [{
          value: '20E01',
          label: '2025上海博物馆研学'
        }, {
          value: '20E02',
          label: '2025上海国际汽车城研学'
        }, {
          value: '20N01',
          label: '2025长岛庄园户外拓展基地'
        }],
        
        customlist:[
          {
            "FBILLNO":"",
            "FBILLCREDATE":"2024-11-03",
            "FHOME":"化学与材料科学学院",
            "FUSER":"曹操",
            "FCATNAME":"医疗垃圾智慧处理系统",
            "FTEACH":"秦始皇",
            "FWEEK":"3个月",
            "FBEGDATE":"2025-02-01",
            "FENDDATE":"2025-04-30",
            "FMONEY":"10万",
            "FBILLSTATE":"申请中"
          },
        ],
        list: [
            {
            "FBILLCREDATE":"2024-12-05 14:01:31",
            "FUSER":"曹操",
            "FUSERTYPE":"本院人员",
            "FCARDTIME":"2024-12-05 14:01:30",
            "FGRAND":"奉3教楼",
            "FADDRES":"奉3教楼",
            "FSTNAME":"南顺PP通风柜1#",
            "FMEMO":"‌风扇或过滤器堵塞"
            },{
            "FBILLCREDATE":"2024-12-05 14:05:31",
            "FUSER":"刘备",
            "FUSERTYPE":"本院人员",
            "FCARDTIME":"2024-12-05 14:05:30",
            "FGRAND":"奉3教楼",
            "FADDRES":"奉3教楼203室",
            "FSTNAME":"南顺PP通风柜3#",
            "FMEMO":"管道漏气‌"
            },
            ,{
            "FBILLCREDATE":"2024-12-05 14:08:31",
            "FUSER":"关羽",
            "FUSERTYPE":"本院人员",
            "FCARDTIME":"2024-12-05 14:08:30",
            "FGRAND":"奉3教楼",
            "FADDRES":"奉3教楼203室",
            "FSTNAME":"南顺全钢通风柜2#",
            "FMEMO":"‌风机损坏或效率降低"
            },{
            "FBILLCREDATE":"2024-12-05 14:15:31",
            "FUSER":"张飞",
            "FUSERTYPE":"本院人员",
            "FCARDTIME":"2024-12-05 14:15:30",
            "FGRAND":"奉3教楼",
            "FADDRES":"奉3教楼203室",
            "FSTNAME":"南顺净气型通风柜5#",
            "FMEMO":"控制失灵"
            },
        ],
        fbillcredate: [jnpf.dateFormat(new Date(), "YYYY-MM-DD"), jnpf.dateFormat(new Date(), "YYYY-MM-DD")],
        loading: false,
        total: 0,
        listQuery: {
          page: 1,
          limit: 20,
          sort: "desc",
          sidx: "",
          fbillstate: "",
          fbillno: "",
          begindate: undefined,
          enddate: undefined,
          fcustomno: "闵行莘城中学"
        },
      };
    },
    computed: {},
    methods: {

    },
  };
</script>